/**头部**/
.toolbar {
    background-color: #fff;
    color: #000;
}
    .toolbar .barmenu {
        margin-left:100px;
    }
    .toolbar .barmenu li a {
        color: #000;
    }
        .toolbar .barmenu li a:hover {
            background: #F13A3A !important;
            color: #fff !important;
        }
        .toolbar .barmenu li.current a {
            background: #F13A3A;
            color: #fff;
        }
        .toolbar .barmenu:hover li.current a {
            background: none;
            color: #000;
        }

    .toolbar .contactbox i {
        color: #e1282e;
    }
    .toolbar .contactbox .contact h6 {
        color:#e1282e;
    }

.main-search {
    position: absolute;
    top: -45px;
    z-index: 1;
}
    .main-search .search-nav {
    }
        .main-search .search-nav a {
            width: 130px;
            height: 45px;
            display: inline-block;
            background-color: #737373;
            line-height: 45px;
            color: #fff;
            text-align: center;
            font-size:14px;
        }
        .main-search .search-nav a.current {
            background-color: #f13a3a;
        }
    .main-search .search-body {
        display:none;
    }
    .main-search .search-body.current {
        display: block;
    }
        .main-search .search-body ul {
            width: 100%;
            height: 350px;
            position: relative;
        }
            .main-search .search-body ul li {
                height: 68px;
                width: 258px;
                background-color: rgba(0,0,0,.55);
                border: 1px solid rgba(62,62,62,.55);
                color: #fff;
            }
                .main-search .search-body ul li .t1 {
                    text-align: center;
                    height: 68px;
                    line-height: 68px;
                    font-size:14px;
                }
                    .main-search .search-body ul li .t1 i{
                        font-size: 16px;
                    }
                .main-search .search-body ul li .search-s-body {
                    position: absolute;
                    top: 0;
                    left: 260px;
                    height: 310px;
                    background-color: #fff;
                    min-width: 210px;
                    padding: 20px 50px;
                    display: none;
                    box-shadow: 0 0 10px 0 rgba(128,128,128,.2);
                }
                    .main-search .search-body ul li .search-s-body a{
                        display:inline-block;
                        width:100px;
                        height:40px;
                        line-height:40px;
                        font-size:14px;
                    }
                    .main-search .search-body ul li .search-s-body span.letter {
                        width: 60px;
                        height: 24px;
                        background-color: red;
                        color: #fff;
                        display: inline-block;
                        vertical-align: top;
                        text-align: center;
                        border-radius: 12px;
                        margin-right: 10px;
                        margin-top:8px;
                    }
                    .main-search .search-body ul li .search-s-body div {
                        display: inline-block;
                        width: 320px;
                        vertical-align: top;
                    }
                    .main-search .search-body.search-prov ul li .search-s-body .letterbox{
                        margin-bottom:20px;
                        width:400px;
                    }
                    .main-search .search-body.search-prov ul li .search-s-body a {
                        width: auto;
                        margin-right:20px;
                    }
                    .main-search .search-body ul li .search-s-body a:hover {
                        color:red;
                    }



            .main-search .search-body ul li:hover {
                color: #f13a3a;
                background-color: #fff;
            }
                .main-search .search-body ul li:hover .search-s-body {
                    display: block;
                }

/**内容**/
.content > .con {
    width: 100%;
    min-width: 1200px;
}

.item-lis .item-box:nth-child(4n) {
    margin-right: 0px;
}

.main-slideshow {
    width: 100%;
    position: relative;
    height:350px;
}
    .main-slideshow .slideshow-imgs {
        width: 100%;
        overflow: hidden;
        position: relative;
        height:100%;
    }
        .main-slideshow .slideshow-imgs ul {
            position: relative;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            margin-left: 0;
            height: 100%;
        }
            .main-slideshow .slideshow-imgs ul li {
                display: inline-block;
                height: 100%;
            }
                .main-slideshow .slideshow-imgs ul li a {
                    display: block;
                    height: 100%;
                    background-size: auto 350px;
                    background-position: center;
                    background-repeat:no-repeat;
                    background-color:#fff;
                }

    .main-slideshow .main-slideshow-btn {
        position: absolute;
        overflow: hidden;
        bottom: 15px;
        left: 50%;
        transform: translate(-50%,0);
        text-align: center;
    }

        .main-slideshow .main-slideshow-btn ul {
            overflow: hidden;
        }

        .main-slideshow .main-slideshow-btn li {
            float: left;
            padding: 0px 5px;
        }

            .main-slideshow .main-slideshow-btn li a {
                width: 12px;
                height: 12px;
                background-color: #fff;
                border: 1px solid #ea3a44;
                border-radius: 7px;
                float: left;
            }

                .main-slideshow .main-slideshow-btn li a.current {
                    width: 30px;
                    background-color: #ea3a44;
                    border: 1px solid #ea3a44;
                    border: none;
                }


.main-top-box {
    width: 100%;
    margin-top: 20px;
    height: 360px;
}
    .main-top-box .userbox {
        width: 180px;
        height: 260px;
        box-shadow: #eee 0 0 6px 6px;
        float: left;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        margin-left: 10px;
        padding:0 25px;
        font-size:13px;
    }
        .main-top-box .userbox .user-location {
            height:65px;
            line-height:65px;
        }
            .main-top-box .userbox .user-location a{
                float:right;
            }
        .main-top-box .userbox .user-btn {
            height: 25px;
            line-height:25px;
            display: block;
            text-align: center;
            border: 1px solid #999999;
            margin-bottom:13px;
        }


    .main-top-box .items-recd {
        width: 920px;
        float:right;
    }
        .main-top-box .items-recd .item-lis {
            display:none;
        }
        .main-top-box .items-recd .item-lis.current {
            display: block;
        }
        .main-top-box .items-recd .items-recd-title {
            border-bottom: 2px solid #e50000;
            padding: 0 155px;
            margin-bottom:25px;
        }
            .main-top-box .items-recd .items-recd-title a {
                display: inline-block;
                height: 45px;
                width: 200px;
                line-height: 45px;
                position: relative;
                text-align: center;
                font-size: 14px;
            }
            .main-top-box .items-recd .items-recd-title a.current {
                color: #f13a3a;
            }
                .main-top-box .items-recd .items-recd-title a.current::after {
                    content: '';
                    border-bottom: 10px solid #e50000;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    position: absolute;
                    bottom: 0;
                    left: 95px;
                }

.main-title {
    margin-top: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b5b5b5;
}
    .main-title:after {
        content: "";
        width: 57px;
        height: 3px;
        background-color: #e50000;
        display: block;
        margin: 0 auto;
        position: relative;
        top: 2px;
    }
    .main-title p.t1 {
        /*font-family: 'SourceHanSansRegular';*/
        font-size: 20px;
        color: #f13a3a;
        text-align: center;
        height: 25px;
        line-height: 25px;
        font-weight: 600;
    }
    .main-title p.t2 {
        text-align: center;
        font-size: 14px;
        color: #868686;
        height: 30px;
        line-height: 25px;
        position:relative;
    }
        .main-title p.t2 .btn-more {
            position: absolute;
            bottom: 5px;
            color: #000;
            right: 10px;
        }

.main-process {
    width: 100%;
    height: 210px;
    position: relative;
}
    .main-process::after {
        content: "";
        position: absolute;
        border-bottom: 2px solid;
        width: 1180px;
        left: 10px;
        top: 19px;
    }
    .main-process .main-process-box {
        float: left;
        width: 200px;
        height: 140px;
        vertical-align: top;
        padding:0px 50px;
    }
        .main-process .main-process-box p.t1 {
            width: 200px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            background-color: #e50000;
            border-radius: 0 20px 20px 0;
            box-shadow: 0px 6px 10px 0px rgba(0,0,0,.3);
            position: relative;
            z-index: 1;
            font-size:17px;
        }
            .main-process .main-process-box p.t1:before {
                content: "";
                position: absolute;
                display: block;
                width: 6px;
                height: 6px;
                border: 2px solid #e50000;
                background-color:#fff;
                left: -15px;
                border-radius: 50%;
                top: 15px;
            }
            .main-process .main-process-box p.t1:after {
                content: "";
                position: absolute;
                display: block;
                width: 16px;
                height: 14px;
                right: -20px;
                top: 13px;
                background-image: url(ico-procnext.png);
                background-size: 100% 100%;
            }
            .main-process .main-process-box p.t1.last:after {
                width: 8px;
                height: 8px;
                right: -15px;
                top: 16px;
                background-color: red;
                background-image: none;
                border-radius: 50%;
            }
            .main-process .main-process-box p.t1 i.iconfont {
                position: absolute;
                left: 25px;
                font-size: 28px;
            }
        .main-process .main-process-box .main-process-lis {
            height: 100px;
            width: 160px;
            margin: 0 auto;
            background-color: #e5e5e5;
            position: relative;
            box-shadow: 0px 10px 20px -5px rgba(0,0,0,.2);
        }
            .main-process .main-process-box .main-process-lis:before {
                content: "";
                position: absolute;
                top:0px;
                left:-20px;
                border-top: 10px solid #6b0303;
                border-right: 10px solid #6b0303;
                border-bottom: 10px solid transparent;
                border-left: 10px solid transparent;
            }
            .main-process .main-process-box .main-process-lis ul {
                position: relative;
                top: 50%; 
                transform: translateY(-50%); 
                padding-left: 10px;
            }
                .main-process .main-process-box .main-process-lis ul li {
                    /*border-left: 2px solid #e50000;*/
                    padding-left: 6px;
                    margin-bottom: 6px;
                    font-size:14px;
                    position:relative;
                }
                    .main-process .main-process-box .main-process-lis ul li:before {
                        content:"";
                        position:absolute;
                        left:0;
                        display:block;
                        width:2px;
                        height:20px;
                    }
                    .main-process .main-process-box .main-process-lis ul li:nth-child(1):before {
                        background: linear-gradient(#d52329, #c3292d);
                        background: -webkit-linear-gradient(#d52329, #c3292d);
                    }
                    .main-process .main-process-box .main-process-lis ul li:nth-child(2):before {
                        background: linear-gradient(#b8181c, #a31013);
                        background: -webkit-linear-gradient(#b8181c, #a31013);
                    }
                    .main-process .main-process-box .main-process-lis ul li:nth-child(3):before {
                        background: linear-gradient(#a32a2b, #850506);
                        background: -webkit-linear-gradient(#a32a2b, #850506);
                    }

.mid-box{
    width:100%;
    height:170px;
    background-repeat:no-repeat;
    background-size:100%;
}

.main-hottest{
    margin-bottom:60px;
    height:540px;
}
    .main-hottest .main-hottest-nav {
        display: inline-block;
        vertical-align: top;
        width: 250px;
        margin-right: 20px;
    }
        .main-hottest .main-hottest-nav img {
            width: 100%;
            height: 440px;
            vertical-align: bottom;
        }
        .main-hottest .main-hottest-nav .hottest-nav-box {
            width: 100%;
            height: 100px;
            line-height: 100px;
            text-align: center;
            font-size: 16px;
            background-color: #f2f2f2;
        }
            .main-hottest .main-hottest-nav .hottest-nav-box a{
                margin:0px 15px;
                font-size:14px;
            }
            .main-hottest .main-hottest-nav .hottest-nav-box a:hover {
                color: #e50000;
            }

    .main-hottest .item-lis {
        display: inline-block;
        vertical-align: top;
        width: 920px;
    }
        .main-hottest .item-lis .item-box {
            margin-bottom:40px;
        }


.main-ing{
    margin-bottom:30px;
}
    .main-ing .no-data {
        width: 100%;
        text-align: center;
        height: 150px;
        line-height: 150px;
        /*font-family: 'SourceHanSansNormal';*/
        font-size: 24px;
        color: #4f4e4e;
    }
    .main-ing ul{

    }
    .main-ing li {
        text-align:center;
        font-size:14px;
        height:35px;
    }
        .main-ing li i {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            vertical-align:middle;
        }
        .main-ing li i.ico-laba {
            background-image: url(laba.gif);
        }
        .main-ing li a {
            vertical-align: middle;
        }
        .main-ing li a:hover {
            color: #e50000;
            border-bottom: 1px solid #e50000;
        }
            .main-ing li a span{
                display:inline-block;
                text-align:left;
            }
                .main-ing li a span.name {
                    width: 370px;
                }
                .main-ing li a span.price {
                    width: 60px;
                    text-align: right;
                }
                .main-ing li a span.status {
                    width: 90px;
                    text-align: right;
                }
        .main-ing li i.ico-jd {
            background-image: url(ico-ser-jd.png);
        }

        .main-ing li i.ico-tb {
            background-image: url(ico-ser-tb.png);
        }

        .main-ing li i.ico-gpw {
            background-image: url(ico-ser-gpw.png);
        }

        .main-ing li i.ico-pmxh {
            background-image: url(ico-ser-pmxh.png);
        }

        .main-ing li i.ico-zcw {
            background-image: url(ico-ser-zcw.png);
        }



        .main-ing table {
            margin: 0 auto;
            font-size: 14px;
        }
            .main-ing table td {
                padding: 0 7px;
                height: 40px;
                line-height: 40px;
                text-align: left;
                /*font-family: 'SourceHanSansLight';*/
            }
            .main-ing table td.item-price{
                text-align:right;
            }
                .main-ing table td.item-title i {
                    font-size: 24px;
                    vertical-align: middle;
                    color: #e50000;
                }
                .main-ing table td.item-title a:hover {
                    color: #e50000;
                    text-decoration: underline;
                }
                .main-ing table td.item-stuats i {
                    height:22px;
                    width:22px;
                    display:inline-block;
                    vertical-align:middle;
                    margin-left:5px;
                    background-repeat:no-repeat;
                    background-size:100%;
                }
                    .main-ing table td.item-stuats i.ico-jd {
                        background-image: url('ico-ser-jd.png');
                    }
                    .main-ing table td.item-stuats i.ico-tb {
                        background-image: url('ico-ser-tb.png');
                    }
                    .main-ing table td.item-stuats i.ico-gpw {
                        background-image: url('ico-ser-gpw.png');
                    }
                    .main-ing table td.item-stuats i.ico-pmxh {
                        background-image: url('ico-ser-pmxh.png');
                    }
                    .main-ing table td.item-stuats i.ico-zcw {
                        background-image: url('ico-ser-zcw.png');
                    }

/*动画*/
@keyframes sxmove {
    from {
        top: 90px;
    }

    to {
        top: -100%;
    }
}